import { GameTerminal } from "./components/terminal";
import { Button } from "./components/ui/button";
import { Card } from "./components/ui/card";
import "./App.css"

function App() {
  return (
    <div className="container max-w-5xl py-8 mx-auto">
      <Card className="p-6">
        <div className="flex justify-between items-center mb-4">
          <h1 className="text-2xl font-bold">Terminal RPG</h1>
          <div className="flex gap-2">
            <Button variant="outline">Save</Button>
            <Button variant="outline">Load</Button>
          </div>
        </div>
        <GameTerminal />
      </Card>
    </div>
  );
}

export default App;
